<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7 lt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8 lt8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  -->
        <title>富金银行_管理员登录入口</title>
        <link rel="icon" href="./images/logo_icon.png" type="image/x-icon"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Login and Registration Form with HTML5 and CSS3" />
        <meta name="keywords" content="html5, css3, form, switch, animation, :target, pseudo-class" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="./css/demo.css" />
        <link rel="stylesheet" type="text/css" href="./css/rstyle.css" />
		<link rel="stylesheet" type="text/css" href="./css/animate-custom.css" />
		<script type="text/javascript">
		function checkUsername() {
			var divEle = document.getElementsByName("aName")[0];
			var divSpan = document.getElementById("error");
			var regx = new RegExp("^[a-zA-Z\u4e00-\u9fa5]{1,}$");
			if (divEle.value != "") {
				if (regx.test(divEle.value)) {
					divSpan.innerHTML = "";
					return true;
				} else {
					divSpan.innerHTML = "用户名包含不合法字符".fontcolor('red');
					return false;
				}
			}
			divSpan.innerHTML = "请输入用户名".fontcolor('red');
			return false;
		}
		function checkPassword() {
			var divEle = document.getElementsByName("aPassword")[0];
			var divSpan = document.getElementById("error");
			var regx = new RegExp("^[a-zA-Z0-9]{1,}$");
			if (divEle.value != "") {
				if (regx.test(divEle.value)) {
					divSpan.innerHTML = "";
					return true;
				} else {
					divSpan.innerHTML = "密码包含不合法字符".fontcolor('red');
					return false;
				}
			}
			divSpan.innerHTML = "请输入密码".fontcolor('red');
			return false;
		}
		function login() {

			if (checkUsername() && checkPassword()) {
				document.userNameForm.submit();
			}

		}
		</script>
    </head>
    <body>
        <div class="container">
            <!-- Codrops top bar -->
            <div class="codrops-top">
                <a href="">
                    <strong>&laquo; 回到: </strong>上一页
                </a>
                <span class="right">
                    <a href=" <c:url value="/index.jsp"/>">
                        <strong>回到用户主页</strong>
                    </a>
                </span>
                <div class="clr"></div>
            </div><!--/ Codrops top bar -->
            <header>
                <h1>富金 <span> 国际联合银行</span></h1>
				<nav class="codrops-demos">
					<span> <strong>FuKin</strong> International union Bank</span>
					
				</nav>
            </header>
            <section>				
                <div id="container_demo" >
                    <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form  action="<c:url value="/admin/adminLogin.do"/>" autocomplete="on" name="userNameForm" method="post"> 
                                <h1>管理员登陆</h1> 
                                <p> 
                                    <label for="aName" class="uname" data-icon="u" > 用户名</label>
                                    <input id="aName" name="aName" required="required" type="text" placeholder="用户名或邮箱地址"/>
                                </p>
                                <p> 
                                    <label for="aPassword" class="youpasswd" data-icon="p"> 密码 </label>
                                    <input id="aPassword" name="aPassword" required="required" type="password" placeholder="eg. 123456abc" /> 
                                </p>
                                <p class="keeplogin"> 
									<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
									<label for="loginkeeping">记住密码</label>
								</p>
                                <p class="login button"> 
                                    <span name="error" id="error">${sessionScope.msg}</span> 
                                    <input type="button" value="登陆" onclick="login();"/> 
								</p>
                                <p class="change_link">
									还没有注册 ?
									<a href="" class="to_register">那就去死吧</a>
								</p>
                            </form>
                        </div>

                        <div id="register" class="animate form">
                            <form  action="mysuperscript.php" autocomplete="on"> 
                                <h1> Sign up </h1> 
                                <p> 
                                    <label for="usernamesignup" class="uname" data-icon="u">Your username</label>
                                    <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690" />
                                </p>
                                <p> 
                                    <label for="emailsignup" class="youmail" data-icon="e" > Your email</label>
                                    <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mysupermail@mail.com"/> 
                                </p>
                                <p> 
                                    <label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label>
                                    <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO"/>
                                </p>
                                <p> 
                                    <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Please confirm your password </label>
                                    <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="eg. X8df!90EO"/>
                                </p>
                                <p class="signin button"> 
									<input type="submit" value="Sign up"/> 
								</p>
                                <p class="change_link">  
									Already a member ?
									<a href="#tologin" class="to_register"> Go and log in </a>
								</p>
                            </form>
                        </div>
						
                    </div>
                </div>  
            </section>
        </div>
    </body>
</html>